<template>
  <div class="goodsdesc_content" >
      <h3>{{goodsdesc.title}}</h3>
      <hr>
      <div class="content"  v-html="goodsdesc.content"></div>
  </div>
</template>

<script>
export default {
 data(){
     return {
         id:this.$route.params.id,
         goodsdesc:{}//存放图文数据
     }
 },
 created(){
     this.getdescById()
 },
 methods:{
     getdescById(){//获取图文详情
        this.$http.get("api/goods/getdesc/"+this.id).then(result =>{
            if(result.body.status===0){
                this.goodsdesc=result.body.message[0]
            }
        })
     }
 }
}
</script>


<style lang="less" >
.goodsdesc_content{
   
    h3{
        color:#33bb00;
        font-size: 16px;
        text-align: center;
        margin:10px 0;
    }
    .content{
        img{
            width:100%;
        }
    }
}
</style>
